/* 超出文字... */
.display-txt {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.display-txt-two {
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
    display:-webkit-box;
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:2; 
}

/* 布局相关 */
.fx-1 {
	flex: 1;
}
.fx {
	display: flex;
}
.fx-wrap{
    flex-wrap: wrap;
}
.fx-column {
	display: flex;
	flex-direction: column;
}

.fx-between {
	display: flex;
	justify-content: space-between;
}
.fx-start {
	display: flex;
	justify-content: flex-start;
}
.fx-center {
	display: flex;
	justify-content: center;
}
.fx-end {
	display: flex;
	justify-content: flex-end;
}
.fx-around {
	display: flex;
	justify-content: space-around;
}

.fx-items-start {
	display: flex;
	align-items: flex-start;
}
.fx-items-center {
	display: flex;
	align-items: center;
}
.fx-items-end {
	display: flex;
	align-items: flex-end;
}

/* 倒圆角 */
.radius-4 {
	border-radius: .096618rem;
}
.radius-50 {
	border-radius: 50%;
}

/* 字体大小与文字对齐 */
.size-12 {
	font-size: .289855rem;
}
.size-14 {
	font-size: .338164rem;
}
.size-16 {
	font-size: .386473rem;
}
.size-18 {
	font-size: .434783rem;
}
.size-20 {
	font-size: .483092rem;
}
.size-22 {
	font-size: .531401rem;
}
.size-24 {
	font-size: .57971rem;
}
.size-26 {
	font-size: .628019rem;
}
.size-28 {
	font-size: .676329rem
}
.size-30 {
	font-size: .724638rem
}

.align-l {
	text-align: left;
}
.align-r {
	text-align: right;
}
.align-c {
	text-align: center;
}

.weight-400 {
	font-weight: 400 !important;
}
.weight-500 {
	font-weight: 500 !important;
}
.weight-600 {
	font-weight: 600 !important;
}
.weight-700 {
	font-weight: 700 !important;
}

/* 内外边距 */
.p-0 {
	padding: 0;
}
.p-5 {
	padding: .120773rem;
}
.p-10 {
	padding: .241546rem;
}
.p-15 {
	padding: .362319rem;
}
.p-20 {
	padding: .483092rem;
}
.p-25 {
	padding: .603865rem;
}
.p-30 {
	padding: .724638rem;
}

.p-t-0 {
	padding-top: 0;
}
.p-t-5 {
	padding-top: .120773rem;
}
.p-t-10 {
	padding-top: .241546rem;
}
.p-t-15 {
	padding-top: .362319rem;
}
.p-t-20 {
	padding-top: .483092rem;
}
.p-t-25 {
	padding-top: .603865rem;
}
.p-t-30 {
	padding-top: .724638rem;
}

.p-b-0 {
	padding-bottom: 0;
}
.p-b-5 {
	padding-bottom: .120773rem;
}
.p-b-10 {
	padding-bottom: .241546rem;
}
.p-b-15 {
	padding-bottom: .362319rem;
}
.p-b-20 {
	padding-bottom: .483092rem;
}
.p-b-25 {
	padding-bottom: .603865rem;
}
.p-b-30 {
	padding-bottom: .724638rem;
}

.p-l-0 {
	padding-left: 0;
}
.p-l-5 {
	padding-left: .120773rem;
}
.p-l-10 {
	padding-left: .241546rem;
}
.p-l-15 {
	padding-left: .362319rem;
}
.p-l-20 {
	padding-left: .483092rem;
}
.p-l-25 {
	padding-left: .603865rem;
}
.p-l-30 {
	padding-left: .724638rem;
}

.p-r-0 {
	padding-right: 0;
}
.p-r-5 {
	padding-right: .120773rem;
}
.p-r-10 {
	padding-right: .241546rem;
}
.p-r-15 {
	padding-right: .362319rem;
}
.p-r-20 {
	padding-right: .483092rem;
}
.p-r-25 {
	padding-right: .603865rem;
}
.p-r-30 {
	padding-right: .724638rem;
}

.m-0 {
	margin: 0;
}
.m-5 {
	margin: .120773rem;
}
.m-10 {
	margin: .241546rem;
}
.m-15 {
	margin: .362319rem;
}
.m-20 {
	margin: .483092rem;
}
.m-25 {
	margin: .603865rem;
}
.m-30 {
	margin: .724638rem;
}

.m-t-0 {
	margin-top: 0;
}
.m-t-5 {
	margin-top: .120773rem;
}
.m-t-10 {
	margin-top: .241546rem;
}
.m-t-15 {
	margin-top: .362319rem;
}
.m-t-20 {
	margin-top: .483092rem;
}
.m-t-25 {
	margin-top: .603865rem;
}
.m-t-30 {
	margin-top: .724638rem;
}

.m-b-0 {
	margin-bottom: 0;
}
.m-b-5 {
	margin-bottom: .120773rem;
}
.m-b-10 {
	margin-bottom: .241546rem;
}
.m-b-15 {
	margin-bottom: .362319rem;
}
.m-b-20 {
	margin-bottom: .483092rem;
}
.m-b-25 {
	margin-bottom: .603865rem;
}
.m-b-30 {
	margin-bottom: .724638rem;
}

.m-l-0 {
	margin-left: 0;
}
.m-l-5 {
	margin-left: .120773rem;
}
.m-l-10 {
	margin-left: .241546rem;
}
.m-l-15 {
	margin-left: .362319rem;
}
.m-l-20 {
	margin-left: .483092rem;
}
.m-l-25 {
	margin-left: .603865rem;
}
.m-l-30 {
	margin-left: .724638rem;
}

.m-r-0 {
	margin-right: 0;
}
.m-r-5 {
	margin-right: .120773rem;
}
.m-r-10 {
	margin-right: .241546rem;
}
.m-r-15 {
	margin-right: .362319rem;
}
.m-r-20 {
	margin-right: .483092rem;
}
.m-r-25 {
	margin-right: .603865rem;
}
.m-r-30 {
	margin-right: .724638rem;
}
.po_re {
	position: relative;
}

.po_ab {
	position: absolute;
}

.po_fi {
	position: fixed;
}
.hide {
	opacity: 0;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes bounceInUp {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes bounceInUp {
	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
